// react + ts
// Props与Ts特殊的children属性

import type React from "react"

// 定义类型限制传参类型
type Props = {
  className: string
  // React.ReactNode内置类型
  children: React.ReactNode
}

// 也可以定义interface，使用一样
interface Props2 {
  className: string
}

// 限制Button组件接受哪些参数类型的传入
function Button(props: Props) {
  const {className, children} = props
  return <button className={className}>{children}</button>
}

function App05() {
  
  return (
    <>
      <Button className="test">click me</Button>
      <Button className="test"><span>this is span</span></Button>
    </>
  )
}

export default App05
